<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<style>
    div a {
        display: block;

        width: 200px;
        height: 50px;
        background-color: rgb(101, 94, 91);

        color: white;
        text-align: center;
        line-height: 50px;
        text-decoration: none;
    }

    div a:hover {
        background-color: orangered;
    }
</style>

<body>

<div>
    <a href="#">手机电话卡</a>
    <a href="#">电视盒子</a>
    <a href="#">笔记本平板</a>
    <a href="#">智能路由器</a>
    <a href="#">耳机音响</a>
    <a href="#">健康儿童</a>
    <a href="#">生活箱包</a>
    <a href="#">电源配件</a>
</div>

</body>
</html>